// 动态渲染三步骤
// 分析获取的后台数据
//拼接为HTML结构
//将HTML结构放入指定位置
listArr.fouEach(function (v) {
    ${ "#API>ul" }.innerHTml += `
        <li>
        <img src="./imgs/${v.img}" alt="图片已损坏">
        <p>${V.name}</p>
        <p>${v.isSpecial ? "fc-red" : "fc-green"}${v.price}</p>
        <a href="#">申请数据</a>;
        ${v.isSpecial ? }
                    </li>
        
        `
})

